﻿
  //记录验证码的是否输入成功状态

  var ok5=false;
  //生成二维码！
  var code ;
  function createCode(){
      code = "";
      var codeLength = 4;
      var selectChar = new Array(1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f','g','h','j','k','l','m','n','p','q','r','s','t','u','v','w','x','y','z','A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');
      for(var i=0;i<codeLength;i++) {
         var charIndex = Math.floor(Math.random()*60);
        code +=selectChar[charIndex];
      }
      if(code.length != codeLength){
        createCode();
      }
      showCheck(code);
      //每次刷新验证码，就将其状态置为false,防止有人验证码输入成功后又刷新验证码
      ok5=false;
  }


  function showCheck(a){
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.clearRect(0,0,1000,1000);
    ctx.font = "80px 'Microsoft Yahei'";
    ctx.fillText(a,0,100);
    ctx.fillStyle = "white";
  }


$(function(){

    //粒子背景特效
    $('body').particleground({
        dotColor: '#5cbdaa',
        lineColor: '#5cbdaa'
    });

    //验证码
    createCode();

    /*
	        用户密码：/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/
	        邮件:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/
	        手机:/^[\d]{5,20}$/
                  同户名[字母，数字，中文]：/^([\u4e00-\u9fa5]|\w){2,15}$/
     */

    //设置记录变量
    var ok1=false;
    var ok2=false;
    var ok3=false;
    var ok4=false;
    

    
    //ajax 用户名验证
    $('#userName').blur(function(){
    	
    	 var str = $("#userName").val();
         var ret = /^([\u4e00-\u9fa5]|\w){2,15}$/;
         if(ret.test(str)){
             $('.rotWord1 p').hide();
         }else{
             ok1 = false;
             $('.rotWord1 p').html("用户名仅由两位以上字母，数字，中文组成！<i></i>");
             $('.rotWord1 p').show();
             return;
         }
    	
        $.ajax({
            type:'POST',
            url:'${pageContext.request.contextPath }/userManager.action?method=register',
            data:{
                data:$('#userName').val(),
                num:1
            },
            success:function(response,status,xhr){ 
            	if(response!=0){
            		$('.rotWord1 p').html("用户名已存在！<i></i>");
            		$('.rotWord1 p').show();
                }else{
                	ok1 = true;
                }
            }
        });
    });


    $("#pwd").keyup(function() {
        var str = $("#pwd").val();
        var ret = /^[a-zA-Z][a-zA-Z0-9]{5,20}$/;
        if(ret.test(str)){
            ok2 = true;
            $('.rotWord2 p').hide();
        }else{
            ok2 = false;
            $('.rotWord2 p').show();
        }
    });


    $("#repwd").keyup(function() {
        var str1 = $("#pwd").val();
        var str2 = $("#repwd").val();
        if(str1!=str2){
            ok3 = false;
            $('.rotWord3 p').show();
        }else{
            ok3 = true;
            $('.rotWord3 p').hide();
        }
    });

    //ajax 邮箱验证！
    $("#email").blur(function() {
        var str = $("#email").val();
        var ret = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
        if(ret.test(str)){
            $('.rotWord4 p').hide();
        }else{
            ok4 = false;
            $('.rotWord4 p').html("邮箱格式输入不正确！<i></i>");
            $('.rotWord4 p').show();
            return;
        }
        
        //ajax 开始!
        $.ajax({
            type:'POST',
            url:'${pageContext.request.contextPath }/userManager.action?method=register',
            data:{
                data:$('#email').val(),
                num:2
            },
            success:function(response,status,xhr){ 
            	if(response!=0){
            		$('.rotWord4 p').html("该邮箱已注册！<i></i>");
            		$('.rotWord4 p').show();
                }else{
                	ok4 = true;
                }
            }
        });
    });

    //验证码框
    $('#J_codetext').keyup(function() {
        if($('#J_codetext').val().toLowerCase()!=code.toLowerCase()){
            ok5 = false;
            $('.rotWord5 p').show();
        }else{
            ok5 = true;
            $('.rotWord5 p').hide();
        }
    });

    //提交按钮,所有验证通过方可提交
    $('.submit_btn').click(function(){
        if( ok1 && ok2 && ok3 && ok4 && ok5){
            $('form').submit();
        }else{

            if(!ok1){
                 $('.rotWord1 p').show();
            }

            if(!ok2){
                 $('.rotWord2 p').show();
            }

            if(!ok3){
                 $('.rotWord3 p').show();
            }

            if(!ok4){
                 $('.rotWord4 p').show();
            }

            if(!ok5){
                 $('.rotWord5 p').show();
            }
        }
    });
});